<?php
?>
<!DOCTYPE html>
<html>
    <head>
        <title>手机通讯录</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="css/bootstrap.min.css" rel="stylesheet">
        <script src="js/jquery-1.11.1.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/bootstrap-filestyle.js"></script>
    </head> 
    <style>
    	body{ width:380px; margin:auto; padding-top:70px;}
    </style>
    <body>
    	<nav class="navbar navbar-inverse">
				  <div class="container-fluid">
				    <div class="navbar-header">
				      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
				        <span class="sr-only">Toggle navigation</span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				      </button>
				    </div>
				    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
				      <form action="listperson.php" method="post" class="navbar-form navbar-left">
				        <div class="form-group">
				          <div class="input-group">
                            <input name="text" class="form-control" placeholder="搜索">
                                <div class="input-group-btn">
                                	<button type="submit" class="btn btn-default">
	                                	<span class="glyphicon glyphicon-search"></span>
                                	</button>
                                </div>
                          </div>
                        </div>
				      </form>
				      <ul class="nav navbar-nav navbar-right">
				        <li class="dropdown">
				          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">通讯路<span class="caret"></span></a>
				          <ul class="dropdown-menu">
                            <li><a href="addperson.php">添加联系人</a></li>
                            <li><a href="listperson.php">联系人列表</a></li>
           					<li role="separator" class="divider"></li>
            				<li><a	data-toggle="modal" data-target="#ads">退出登录</a></li>
				          </ul>
				        </li>
				      </ul>
				    </div><!-- /.navbar-collapse -->
				  </div><!-- /.container-fluid -->
				</nav>
				<div id="ads" class="modal">
			       	<div class="container">
			           <div class="modal-dialog">
			               <div class="modal-content">
			                     <div class="modal-header ">
			                       <a class="close" data-dismiss="modal">&times</a>
			                     <h2>退出确认</h2>
			                     </div>
			                     <div class="modal-body">
			                         <h4>确定要退出吗？</h4>
			                     </div>
			                     <div class="modal-footer">
			                         <a href="t10.php" class="btn btn-danger btn-lg">残忍退出</a>
			                         <button data-dismiss="modal"class="btn btn-success btn-lg">我再玩会</button>
			                     </div>
			               </div>
			            </div>
			        </div>
		        </div>